<template>
  <div id="app">
    <!-- 顶部导航 -->
    <topbar :navConfig='navConfig' ></topbar>

    <!-- 主体内容 -->
    <div class="app-container">
      <router-view/>
    </div>

  </div>
</template>

<script>
import topbar from '@/components/topbar/index.vue';

export default {

  data (){
    return {
      navConfig: [

        {
          path: '/',
          label: '用家买车'
        },
        {
          path: '/car-list',
          label: '车行列表'
        },
        {
          path: '/car-detaild',
          label: '车牌出让'
        },
        {
          path: '/car-serve-list',
          label: '汽车文化'
        },
        {
          path: '/car-serve-detaild',
          label: '汽车服务'
        }
        
      ]
    }
  },

  components:{
    'topbar': topbar
  }
  
  
}

  
</script>
<style lang="less">

#app{
  height: 100%;
  background: #aaa;

}

.app-container{
  
  .max-page-width();
  background: #fff;
  
}

</style>
